<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="JS/flexible.js"></script>

    <title>Document</title>
    <link rel="stylesheet" href="CSS/textarea.css">
    <style>
        @font-face {
            font-family: 'icomoon';
            src: url('fonts/icomoon.eot?2t3sc5');
            src: url('fonts/icomoon.eot?2t3sc5#iefix') format('embedded-opentype'),
                url('fonts/icomoon.ttf?2t3sc5') format('truetype'),
                url('fonts/icomoon.woff?2t3sc5') format('woff'),
                url('fonts/icomoon.svg?2t3sc5#icomoon') format('svg');
            font-weight: normal;
            font-style: normal;
            font-display: block;
        }
    </style>
</head>

<body>
    <div class="cover_layer">
        <div class="save_box">
            <button name="" id="save_button" class="box_button">保存</button>
            <button name="" id="delete_button" class="box_button">删除</button>
            <div class="save_input">
                <label for="save_path">路径：</label>
                <input type="text" id="save_path" class="input_box">
            </div>
            <div class="save_input">
                <label for="save_name">文件名称：</label>
                <input type="text" id="save_name" class="input_box">
            </div>
            <div id="dirpic_out"><div id="dirpic"></div></div>
            <div id="head_option"><div id="closs"></div></div>
        </div>
    </div>
    <nav class="head">
        <div class="left_head">
            <a id="logo" class="button_span" href="index.html"></a>
            <span id="button1" class="button_span">保存文件</span>
            <span id="button2" class="button_span">读取目录</span>
            <span id="button3" class="button_span">删除文件</span>
        </div>
        <div class="center_head">
            <label for="search_input">关键字查询：</label>
            <input type="text" name="search" id="search_input">
            <span id="button_search">查询</span>
        </div>
        <div class="right_head">
            <span id="p" class="button_span"></span>
            <span id="login" class="button_span">登录</span>
            <span id="setting" class="button_span">设置</span>
        </div>
    </nav>
    <div id="mainarea">
        <div class="sidebox" id="dir_sbox">
            <div id="dir_head">
                <span id="dir_menu"> </span> 
                <span id="flexbox">目录</span>
                <span id="dir_flash"></span></div>
            <div id="directory">
            </div>
        </div>
        <div id="content_box">
            <textarea xtarea name="textarea" id="contents" spellcheck="false"></textarea>
            <div class="showbox"></div>
            <!-- <div class="sidebox"></div> -->
        </div>
        
    </div>
    <!-- <div id="buttom_nav"></div> -->
    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
    <script src="JS/textarea.js"></script>
</body>

</html>